<script setup lang="ts">
defineProps<{
   
}>()

import { computed, ref,onMounted  } from 'vue';


</script>

<template>
    <div class="mycomputer-icon" >			
        <div class="screen"></div>
        <div class="support"></div>
        <div class="base"></div>
    </div>
</template>

<style scoped>    
		.mycomputer-icon{
            display: flex;
            flex-direction: column;
			align-items: center;
			justify-content: center;
            font-size: 0.5em;
		}
        .mycomputer-icon .screen{
            width:11em;
            height: 7em;
            background-color: rgb(33, 163, 208);
            border: 0.3em solid rgb(104, 117, 123);
            border-radius: 0.5em;
        }
        .mycomputer-icon .support{
            width:2em;
            height: 1em;
            background-color: rgb(138, 146, 154);            
        }
    
        .mycomputer-icon .base{            
            width:4em;
            height: 0.5em;
            background-color: rgb(69, 73, 77);            
            border-top: 0.25em solid rgb(187, 197, 206);
            border-radius: 1em;
        }

</style>